<template lang="pug">
  div.more 更多产品
    div.more-product
      div.more-title 更多产品
      a(href="http://www.nuomi.com/?cid=002540")
        div
        p 糯米
      a(href="http://www.nuomi.com/?cid=002540")
        div.music
        p 音乐
      a(href="http://www.nuomi.com/?cid=002540")
        div.img
        p 图片
      a(href="http://www.nuomi.com/?cid=002540")
        div.know
        p 知道
      a(href="http://www.nuomi.com/?cid=002540")
        div.library
        p 书库
      a(href="http://www.nuomi.com/?cid=002540")
        div.billboard
        p 风云榜
      a(href="https://www.baidu.com/more/") 全部产品>>
</template>

<script>
export default {
  name: 'rightAside'
}
</script>

<style scoped lang="stylus">
  .more
    width: 60px;
    height: 23px;
    float: left;
    color: #fff;
    background: #38f;
    line-height: 24px;
    font-size: 13px;
    text-align: center;
    &:hover .more-product
      display: block
    .more-product
      width: 80px
      position absolute
      top:0
      bottom 0
      right:0
      background-color: #f9f9f9;
      border-left: 1px solid #e7e7e7;
      display: none
      z-index:1
      .more-title
        color: #333;
        text-align: center;
        width: 66px;
        height: 43px;
        line-height: 43px;
        padding-top: 9px;
        margin: 0 auto;
        border-bottom: #f0f0f0 1px solid;
        font-size: 13px;
        cursor: default;
      a
        font-size 12px
        display: block;
        text-align: center;
        width: 66px;
        height: 76px;
        margin: 0 auto;
        border-bottom: #f0f0f0 1px solid;
        color: #666;
        div
          width: 36px;
          height: 36px;
          display: block;
          margin: 10px auto 5px;
          background: url("../../../../static/img/home/bdbri_icons.png")  no-repeat
          cursor: pointer;
        .music
          width: 40px;
          background-position: -72px 0;
        .img
          background-position: -112px 0;
        .know
          background-position: -36px 0;
        .library
          background-position: -148px 0;
        .billboard
          background-position: -184px 0;
</style>
